iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0
Modern Web

關於寫react 那二三事系列 第 3

Day3 安裝primereact前要先有個專案

  • 分享至 

  • xImage
  •  

因為工作環境的限制,公司node版本維持在16,
原本期望使用Next建立專案順便再多學一點,發現令人覺得蛋疼的事,
Next最低居然是14(node 18),好的...除非安裝好再手動魔改Next版本外,

能這樣做?
--能! 我run dev看它跑得還挺好的

其他我好像想不到更好的解決方法,
但總不能讓後面要建專案的人也跟著幹這種事,
如果有大神看到我文章有更好解決方案,
願意為我解惑我一定萬分感謝,
別問node都幾版了,停在16是甚麼意思,
我只是個連公司電腦系統變數都沒權限設定的小廢物,
但我想跟我一樣被開限制器的苦主應該還是有的,

天人交戰許久後,
最終,我還是無恥的回頭投入我最熟悉的CRA懷抱,
等到哪天上頭願意再提升一下node版本再擁抱一下Next,

利用npx建立專案

npx create-react-app primereact_practice --template typescript

再來就是安裝這次的主角primereact

npm i primereact@10.6.3 --save

因為開發時使用的是10.6.3版(目前10.8版),
加上primereact版本更新的很勤快,我就不多追了,
就以此為版本繼續說下去...
安裝完primereact後,我會多安裝prime的icon庫,
當然依個人需求決定要不要,

npm i primeicons --save

個人以前是styled-component派,
被強迫走出舒適圈後,發現這貨似乎沒有這麼受歡迎?
所以開始走sass路線

npm i sass --save

環境大致上就建好了,
明天要從primereact中哪個元件說起呢?

...嗯
那就從最常用的Button跟Form元件開始介紹吧

明天見!


上一篇
Day2 就來說說prime系列UI吧
下一篇
Day4 primereact 的Button
系列文
關於寫react 那二三事30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言